<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js" defer></script>
</head>
<body>
<!-- 目前已经实现：点击新建问卷->点击新建问卷->点击保存问卷，然后出现一些页面 -->
<header>
    <div class="header-div1">？</div>
    <div class="header-div2">问卷管理</div>
    <div class="header-div3">我的问卷</div>
</header>
<main class="main1">
    <div class="box1">
        <div class="plDelete main-div"><button>批量删除</button></div>
        <div class="piliang main-div"><input type="checkbox"  id="checkboxall"></div>
        <div class="main-div main-div1">标题</div>
        <div class="main-div main-time">时间</div>
        <div class="main-div">状态</div>
        <div class="main-div">操作</div>
        <div class="main-div main-div4"> + 新建问卷</div>
    </div>
    <div class="list">
        <!-- <form action="" class="form">
            <input type="radio" name="" id="">
            <span>这是我的第i份调查问卷</span>
            <span>2022-12-29</span>
            <span id="wenjuan-zt" class="wenjuan-zt">未发布</span>
            <input type="button" value="编辑" id="" class="BianJi">
            <input type="button" value="删除" id="Delete" class="Delete">
            <input type="button" value="查看数据" id="">
        </form> -->
        <!-- <form action="" class="datas">

        </form> -->
    </div>
    <div class="box2">
        <div class="content"> + 新建问卷</div>
    </div>
    <div class="box3">
        <div class="title"><input type="text" value="这里是标题" ></div>
        <hr id="hr">
        <div class="quetion"> + 添加问题</div>
        <hr>
        <div class="deadline">问卷截止日期<input type="date" name="" id=""></div>
        <div class="baoCun"><button>保存问卷</button></div>
        <div class="faBu"><button>发布问卷</button></div>
    </div>
    <!-- 删除遮罩 -->
    <div class="Delete-box">
        <div class="cover-box">
            <div class="head-box">
                <h4>提示</h4>
            </div>
            <p>确定要删除此问卷?</p>
            <img src="close.svg" alt="关闭" id="close-btn">
            <button id="sure">确定</button>
            <button id="not-sure">取消</button>
        </div>
    </div>
    <!-- 发布遮罩 -->
    <div class="FaBu-box">
        <div class="cover-box-fabu">
            <div class="head-box-fabu">
                <h4>提示</h4>
            </div>
            <p>是否发布问卷?</p>
            <p>(该问卷截止日期为2023-1-7)</p>
            <img src="close.svg" alt="关闭" id="close-btn-fabu">
            <button id="sure-fabu">确定</button>
            <button id="not-sure-fabu">取消</button>
        </div>
    </div>
    <div class="chaKanData">
        <img src="image/data.png" alt="" usemap="#datachakan">
        <map name="datachakan">
            <area shape="rect" coords="60,44,132,82" href="javascript:;" alt="" class="fanhui">
            <area shape="rect" coords="501,691,611,726" href="javascript:;" alt="" class="fanhui">
        </map>
    </div>
</main>
<!-- 问卷内容的编写模块 -->
<!-- <main class="content-box">
    <div>
        <p class="content-title"><input type="text" value="这里是标题"></p>
    </div>
    <hr>
    <div class="content-body1">
        <div class="xiaoBiaoTi">Q1 单选题</div>
        <p><input type="radio" name="danXuna">选项一</p>
        <p><input type="radio" name="danXuna">选项二</p>
        <span>上移</span>
        <span>下移</span>
        <span>复用</span>
        <span>删除</span>
    </div>
    <div class="content-body2">
        <div class="xiaoBiaoTi">Q2 多选题</div>
        <p><input type="checkbox">选项一</p>
        <p><input type="checkbox">选项二</p>
        <p><input type="checkbox">选项三</p>
        <p><input type="checkbox">选项四</p>
    </div>
    <div class="content-body3">
        <div class="xiaoBiaoTi">Q3 单选题</div>
        <p><input type="radio" name="danXuna">选项一</p>
        <p><input type="radio" name="danXuna">选项二</p>
    </div>
    <div class="content-body4">
        <div class="xiaoBiaoTi">Q4 文本题</div>
        <p class="biTianXiang"><input type="checkbox"> 此题是否必填</p>
        <textarea name="" id="" cols="50" rows="2"></textarea>
    </div>
    <div class="content-body5">
        <img src="image/first.png" alt="">
    </div>
    <hr>
    <div class="content-footer">
        <p>问卷截止日期
            <input type="date">
            <input type="button" value="保存问卷">
            <input type="button" value="发布问卷">
        </p>
    </div> -->
<!--</main>-->
</body>
</html>